<template>
  <m-page>
    <!-- 合同信息展示页 -->
    <!-- 确认替配偶签署合同页 -->
    <!-- 个人借款信息确认书确认界面 -->
    <m-header title="签约"></m-header>
    <!-- 展示合同信息 -->
    <div class="contract_info_content" v-if="this.isShowContractpic == '1'">
      <div class="contract_info" >
        合同信息
      </div>
      <ynet-button type="warning" @click="showPopUp('center')">下一步</ynet-button>
    </div>
    
    <div class="contract_info_img" v-if="this.isShowContractpic == '2'">
      <div class="contract_info_pic">
        个人借款信息确认书
        <img src="" alt="">
      </div>  
      <ynet-button type="warning" @click="handConfirm">下一步</ynet-button>
    </div>
    
    <!-- 替配偶签署合同弹出确认层 -->
    <ynet-popup v-model="isPopupShow.center" v-if="this.ispatner">
      <div class="md-example-popup md-example-popup-center">
        <div class="contract_info_popuptitle">
          <p>温馨提示</p>
        </div>
        <div class="contract_info_popuptext">
          <p>请确认是否替配偶签署电子合同？</p>
        </div>
        <div class="contract_info_popupfoot">     
            <div>
              <ynet-button size="small" type="default" @click="handclick">确定</ynet-button>
            </div>
            <div>
              <ynet-button size="small" type="warning" @click.native="hidePopUp('center')">取消</ynet-button>
            </div>
        </div>
      </div>
    </ynet-popup>
  </m-page>
</template>

<script>
import { Button ,Popup} from "ynet-mobile";
  export default {
    components: {
      [Button.name]:Button,
      [Popup.name]:Popup
    },
    data() {
      return {
        isPopupShow: {},
        ispatner:true,
        isShowContractpic:'1',
      }
    },
    created() {},
    methods:{
      //点击按钮  显示弹出层
      showPopUp(type) {
        this.$set(this.isPopupShow, type, true);
      },
      //弹出层关闭
      hidePopUp(type) {  

        this.$set(this.isPopupShow, type, false);
      },
      handclick(){
        this.isShowContractpic = '2'
        this.isPopupShow.center = false
      },

      handConfirm(){
        console.log('111')
      }
    },
    mounted() {},
    watch: {},
    computed: {}
  }
</script>

<style lang="scss" scoped>
  @import './index.scss';
</style>

